<template>
  <div class="employees-container">
    <div class="app-container">
      <el-card>
        <el-tabs>
          <el-tab-pane label="登录账户设置">
            <login-setting></login-setting>
          </el-tab-pane>
          <el-tab-pane label="个人详情">
              <el-row type="flex" justify="end">
                <el-tooltip content="打印个人基本信息">
                  <router-link :to="`/employees/print/${userId}?type=personal`">
                    <i class="el-icon-printer" />
                  </router-link>
                </el-tooltip>
              </el-row>
            <userInfo />
          </el-tab-pane>
          <el-tab-pane label="岗位信息">
              <el-row type="flex" justify="end">
                <el-tooltip content="打印岗位信息">
                  <router-link :to="`/employees/print/${userId}?type=job`">
                    <i class="el-icon-printer" />
                  </router-link>
                </el-tooltip>
              </el-row>
            <job-info/>
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </div>
  </div>
</template>


<script>
import userInfo from "./components/user-info.vue";
import jobInfo from "./components/job-info.vue";
import loginSetting from "./components/login-setting.vue";
export default {
  components: {
    userInfo,
    jobInfo,
    loginSetting,
  },
  data() {
    return {
      userId: this.$route.query.id,
    };
  },
};
</script>